require('../../assets/fonts/iconfont.css')
require('./issue.less')

//引入底部导航
const nav = require('../../utils/nav')
nav.showNav('circle');

//引入头部导航
const top = require('../../utils/circle-top')
top.showCircleTop('add');

//引入weui
require('weui')  //样式库
const weui = require('weui.js') //weui.js

// 引入文档加载事件，dom选择器封装
let { $, $$, $$$ } = require('../../utils/dom')
//引入axios
const axios = require('../../utils/axios')


/* 文档加载事件 */

$(function () {
  // debugger
    // 上传图片
    $$('#uploaderInput').addEventListener('change', function () {
        console.dir(this.files[0]);

        const fd = new FormData();/* 实例化文件对象 */
        fd.append('file', this.files[0])
        console.log(fd);


        axios.post('api/circles/uploadImg1', fd).then(function (res) {

            if (res.data.errno == 0) {
                console.log(res.data.data.url);
                $$('#uploaderInput').url = 'http://47.96.154.185:3701' + res.data.data.url

            };
        })

    })

    // 地图初始化应该在地图容器div已经添加到DOM树之后
    var map = new AMap.Map('container', {
        zoom: 12,
        center: [104.05843, 30.53565],//中心点坐标
        viewMode: '3D'//使用3D视图
    })

    // 创建一个 Marker 实例：
    var marker = new AMap.Marker({
        position: new AMap.LngLat(104.05843, 30.53565),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
        title: '成都'
    });
    map.add(marker)

    // 地图显示
    let btn = $$('.mask');
    $$('#js_cell_itl1_bd').addEventListener('click', function () {
      btn.style.zIndex = 100;
    })
    // 关闭地图
    $$("#close").addEventListener("click",function () {
      btn.style.zIndex = -1;
    })

})






